* {
    font-family: sans-serif;
}

::-webkit-scrollbar {
    width: 7px;
}

.blocklyScrollbarBackground {
    opacity: 255;
    fill: transparent;
}

body {
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
}

#toolbox {
    display: none;
}

#area {
    width: 100vw;
    height: 100vh;
    background: transparent;
}

#blockly {
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blocklySvg {
    background-color: transparent !important;
}

.blocklyTreeLabel {
    font-family: sans-serif;
    font-size: 13px;
}

.blocklyText {
    font-family: sans-serif;
}

.blocklyMainBackground {
    stroke-width: 0;
}

.blocklyFlyoutBackground {
    fill-opacity: 0;
}

.blocklyScrollbarVertical .blocklyScrollbarHandle {
    rx: 0;
    ry: 0;
    width: 7px;
}

.blocklyScrollbarHorizontal .blocklyScrollbarHandle {
    rx: 0;
    ry: 0;
    height: 7px;
}

.blocklySelected > .blocklyPath {
    stroke-width: 2px;
}

.whlab > .blocklyFlyoutLabelText {
    font-family: sans-serif;
    font-size: 14px;
}

.small-text {
    font-size: 12px !important;
}

.blocklyWidgetDiv .goog-menu {
    border-radius: 0;
}

.condition-label {
    font-size: 13px !important;
}

.blocklyDropDownContent {
    position: relative;
}